<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>EasyCDN</title>
		<link rel="stylesheet" href="layui/css/layui.css" />
		<link rel="stylesheet" href="css/comment.css" />			       	
	</head>

	<body class="layui-layout-body">
		<div class="layui-layout layui-layout-admin">
			<!-- 头部 -->
			<div class="layui-header">
				<div class="layui-logo"><img src="img/logo.png" />EasyCDN</div>
				<ul class="layui-nav layui-layout-left">
					<li class="layui-nav-item">
						<a href="javascript:;" id="switchNav"><i class="layui-icon">&#xe668;</i></a>
					</li>
				</ul>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<!-- 心知天气信息 -->
						<div id="tp-weather-widget"></div>
						<script>
							(function(T, h, i, n, k, P, a, g, e) {
								g = function() {
									P = h.createElement(i);
									a = h.getElementsByTagName(i)[0];
									P.src = k;
									P.charset = "utf-8";
									P.async = 1;
									a.parentNode.insertBefore(P, a)
								};
								T["ThinkPageWeatherWidgetObject"] = n;
								T[n] || (T[n] = function() {
									(T[n].q = T[n].q || []).push(arguments)
								});
								T[n].l = +new Date();
								if(T.attachEvent) {
									T.attachEvent("onload", g)
								} else {
									T.addEventListener("load", g, false)
								}
							}(window, document, "script", "tpwidget", "//widget.seniverse.com/widget/chameleon.js"))
						</script>
						<script>
							tpwidget("init", {
								"flavor": "slim",
								"location": "WTMKQ069CCJ7",
								"geolocation": "disabled",
								"language": "zh-chs",
								"unit": "c",
								"theme": "chameleon",
								"container": "tp-weather-widget",
								"bubble": "disabled",
								"alarmType": "badge",
								"uid": "UA6EB06AE4",
								"hash": "292a4e3108f8b314aa041098227f1e8e"
							});
							tpwidget("show");
						</script>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;">
							<img id="userHead" src="img/head.jpg" class="layui-nav-img"><span id="userNickName"></span>
						</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="javascript:layui.info.myInfo();"><i class="layui-icon">&#xe612;</i>&emsp;个人信息</a>
							</dd>
							<dd>
								<a href="javascript:layui.info.updatePsw();"><i class="layui-icon">&#xe631;</i>&emsp;修改密码</a>
							</dd>
							<dd>
								<a href="javascript:layui.info.loginOut();"><i class="layui-icon">&#xe66d;</i>&emsp;退出登录</a>
							</dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						&nbsp;&nbsp;&nbsp;
						<li>
				</ul>
			</div>
			<!-- 侧边栏 -->
			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<ul class="layui-nav layui-nav-tree" id="index-nav" lay-filter="index-nav" style="margin-top: 25px;">
					</ul>
				</div>
			</div>
			<!-- 主体部分 -->
			<div class="layui-body" id="main-content" style="padding: 15px;">

			</div>
			<!-- 底部 -->
			<!--<div class="layui-footer">-->
			<!--Copyright © 2018 EasyWeb All rights reserved.-->
			<!--</div>-->
			<!--手机屏幕遮罩层 -->
			<div class="site-mobile-shade">				
			</div>
		</div>

		<!-- 侧导航渲染模板 -->
		<script id="sideNav" type="text/html">
			{{# layui.each(d, function(index, item){ }}
			<li class="layui-nav-item layui-nav-itemed">
				<a class="" href="javascript:layui.navigate.openNavItem();"><i class="layui-icon">{{ item.permissionIcon }}</i>&emsp;<span>{{ item.permissionName }}</span></a>
				<dl class="layui-nav-child">
					{{# layui.each(item.subMenus, function(index, subItem){ }}
					<dd>
						<a href="#!{{ subItem.permissionValue }}">{{ subItem.permissionName }}</a>
					</dd>
					{{# }); }}
				</dl>
			</li>
			{{# }); }}
		</script>
		
		<!-- 修改密码弹窗 -->
		<script id="pswModel" type="text/html">
			<form id="pswForm" class="layui-form model-form" action="" method="put">
				<div class="layui-form-item">
					<label class="layui-form-label">旧密码</label>
					<div class="layui-input-block">
						<input name="oldPsw" placeholder="请输入旧密码" type="password" class="layui-input" maxlength="12" lay-verify="required|pass" required />
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">新密码</label>
					<div class="layui-input-block">
						<input name="newPsw" placeholder="请输入新密码" type="password" class="layui-input" maxlength="12" lay-verify="required|pass" required />
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">确认密码</label>
					<div class="layui-input-block">
						<input name="newPsw2" placeholder="请再次输入新密码" type="password" class="layui-input" maxlength="12" lay-verify="required|psw2" required />
					</div>
				</div>
				<div class="layui-form-item model-form-footer">
					<button class="layui-btn layui-btn-primary" type="button" id="pswCancel">取消</button>
					<button class="layui-btn" lay-filter="pswSubmit" lay-submit>修改</button>
				</div>
			</form>
		</script>
				
		<script type="text/javascript" src="libs/q.js"></script>		
		<script type="text/javascript" src="layui/layui.js"></script>		
		<script type="text/javascript">
			layui.config({	            
	            base: 'js/modules/'
	        }).extend({
				// test: 'child/test'
	        });
						
			//获取当前token
			function getToken() {
				return localStorage.getItem("token") || "123456";
			}
			
			//获取当前登录的user
			function getCurrentUser(){
				return JSON.parse(localStorage.getItem("user")) || {userNickname:"Joe"};    
			}						
		</script>	
		<script type="text/javascript" src="js/index.js"></script>
		
	</body>

</html>